<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>文章赞踩 </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
    <link rel="stylesheet" href="css/owl.transitions.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/meanmenu.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/educate-custon-icon.css">
    <link rel="stylesheet" href="css/morrisjs/morris.css">
    <link rel="stylesheet" href="css/scrollbar/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="css/metisMenu/metisMenu.min.css">
    <link rel="stylesheet" href="css/metisMenu/metisMenu-vertical.css">
    <link rel="stylesheet" href="css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="css/calendar/fullcalendar.print.min.css">
    <link rel="stylesheet" href="css/c3/c3.min.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>

</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">你使用了<strong>旧版本的</strong> 浏览器. 请 <a href="http://browsehappy.com/">升级你的浏览器！</a></p>
<![endif]-->
<div class="left-sidebar-pro" id="load-page" v-html="loadPage"></div>

<div class="all-content-wrapper">

    <!--登出-->
    <div class="header-advance-area " id="logOut" v-html="logOut"> </div>

    <!--移动端-->
    <div class="mobile-menu-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="mobile-menu">
                        <nav id="dropdown">
                            <ul class="mobile-menu-nav">
                                <li><a data-toggle="collapse" data-target="#Charts" href="index.html">首页 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a></li>
                                <li><a data-toggle="collapse" data-target="#Charts" href="JavaScript:void(0)">联系我们 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul class="collapse dropdown-header-top">
                                        <li><a href="contactListMgt.html">联系人列表</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#demoevent" href="JavaScript:void(0)">文章目录 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="demoevent" class="collapse dropdown-header-top">
                                        <li><a href="articleCatalogMgt.html">文章列表</a></li>
                                        <li><a href="commentListMgt.html">文章评价</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#demopro" href="JavaScript:void(0)">文件操作 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="demopro" class="collapse dropdown-header-top">
                                        <li><a href="attachListMgt.html">文件列表</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#democrou" href="JavaScript:void(0)">框架 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="democrou" class="collapse dropdown-header-top">
                                        <li><a href="uploadDownloadRecordListMgt.html">下载次数</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#demolibra" href="JavaScript:void(0)">网站基础 <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="demolibra" class="collapse dropdown-header-top">
                                        <li><a href="websiteBrowseNums.html">浏览次数</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--饼图开始-->
    <div class="pie-bar-line-area" id="tableInfo">
        <div class="container-fluid">
            <div class="row" style="margin-top: 80px">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" v-for="(index,item) in evaluates.voList">
                    <div class="sparkline10-list">
                        <div class="sparkline10-hd">
                            <div class="main-sparkline10-hd">
                                <h1><span class="c3-ds-n">{{item.name}} </span></h1>
                                <span class="c3-ds-n" style="color: black;font-size: 13px;opacity: .5">总数:{{item.total}} </span> &nbsp;&nbsp;&nbsp;&nbsp;
                                <span class="c3-ds-n" style="color: black;font-size: 13px;opacity: .5">总踩数：{{item.poor}} </span> &nbsp;&nbsp;&nbsp;&nbsp;
                                <span class="c3-ds-n" style="color: black;font-size: 13px;opacity: .5">总赞数：{{item.good}} </span> &nbsp;&nbsp;&nbsp;&nbsp;
                            </div>
                        </div>
                        <div class="sparkline10-graph">
                            <div :id="'pie'+index" class="c3" style="max-height: 320px; position: relative;">
                                <svg width="781.5" height="320" style="overflow: hidden;"><defs><clipPath id="c3-1563245352390-clip"><rect width="781.5" height="296"></rect></clipPath><clipPath id="c3-1563245352390-clip-xaxis"><rect x="-31" y="-20" width="843.5" height="80"></rect></clipPath><clipPath id="c3-1563245352390-clip-yaxis"><rect x="1" y="-4" width="20" height="304"></rect></clipPath></defs><g transform="translate(0.5,4.5)"><g clip-path="url(http://localhost:8020/showpromgt/evaluateMgtList.html#c3-1563245352390-clip)" class="c3-grid"><g class="c3-xgrid-focus"><line class="c3-xgrid-focus" x1="-10" x2="-10" y1="4" y2="296" style="visibility: hidden;"></line></g></g><g clip-path="url(http://localhost:8020/showpromgt/evaluateMgtList.html#c3-1563245352390-clip)" class="c3-regions"></g><g clip-path="url(http://localhost:8020/showpromgt/evaluateMgtList.html#c3-1563245352390-clip)" class="c3-chart"><g class="c3-event-rects c3-event-rects-single" style="fill-opacity: 0;"><rect class=" c3-event-rect c3-event-rect-0" x="0.25" y="0" width="781.5" height="296"></rect></g><g class="c3-chart-bars"><g class="c3-chart-bar c3-target c3-target--" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-- c3-bars c3-bars--" style="cursor: pointer;"></g></g><g class="c3-chart-bar c3-target c3-target--" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-- c3-bars c3-bars--" style="cursor: pointer;"></g></g></g><g class="c3-chart-lines"><g class="c3-chart-line c3-target c3-target--" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-- c3-lines c3-lines--"></g><g class=" c3-shapes c3-shapes-- c3-areas c3-areas--"></g><g class=" c3-selected-circles c3-selected-circles--"></g><g class=" c3-shapes c3-shapes-- c3-circles c3-circles--" style="cursor: pointer;"></g></g><g class="c3-chart-line c3-target c3-target--" style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-- c3-lines c3-lines--"></g><g class=" c3-shapes c3-shapes-- c3-areas c3-areas--"></g><g class=" c3-selected-circles c3-selected-circles--"></g><g class=" c3-shapes c3-shapes-- c3-circles c3-circles--" style="cursor: pointer;"></g></g></g><g class="c3-chart-arcs" transform="translate(390.75,143)"><text class="c3-chart-arcs-title" style="text-anchor: middle; opacity: 0;"></text><g class="c3-chart-arc c3-target c3-target--"><g class=" c3-shapes c3-shapes-- c3-arcs c3-arcs--"><path class=" c3-shape c3-shape c3-arc c3-arc--" transform="" style="fill: rgb(31, 119, 180); cursor: pointer; opacity: 1;" d="M-134.46724287952472,-19.333470779425756A135.85,135.85 0 0,1 -2.4955240149625186e-14,-135.85L0,0Z"></path></g><text dy=".35em" style="opacity: 1; text-anchor: middle; pointer-events: none;" transform="translate(-71.17026456517362,-82.13486374082076)">{{item.goodRate}}</text></g><g class="c3-chart-arc c3-target c3-target--"><g class=" c3-shapes c3-shapes-- c3-arcs c3-arcs--"><path class=" c3-shape c3-shape c3-arc c3-arc--" transform="" style="fill: rgb(255, 127, 14); cursor: pointer; opacity: 1;" d="M8.318413383208396e-15,-135.85A135.85,135.85 0 1,1 -134.46724287952472,-19.333470779425756L0,0Z"></path></g><text dy=".35em" style="opacity: 1; text-anchor: middle; pointer-events: none;" transform="translate(71.17026456517358,82.13486374082079)">{{item.poorRate}}</text></g></g><g class="c3-chart-texts"><g class="c3-chart-text c3-target c3-target--" style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts--"></g></g><g class="c3-chart-text c3-target c3-target--" style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts--"></g></g></g></g><g class="c3-axis-x" clip-path="url(http://localhost:8020/showpromgt/evaluateMgtList.html#c3-1563245352390-clip-xaxis)" transform="translate(0,296)" style="visibility: visible; opacity: 0;"><text class="c3-axis-x-label" transform="" style="text-anchor: end;" dy="-0.5em" dx="-0.5em" x="781.5"></text><g class="tick" transform="translate(391, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle; display: block;">0</text></g><path class="domain" d="M0,6V0H781.5V6"></path></g><g class="c3-axis-y" clip-path="url(http://localhost:8020/showpromgt/evaluateMgtList.html#c3-1563245352390-clip-yaxis)" transform="translate(0,0)" style="visibility: visible; opacity: 0;"><text class="c3-axis-y-label" transform="rotate(-90)" style="text-anchor: end;" dy="1.2em" dx="-0.5em" x="0"></text><g class="tick" transform="translate(0,292)" style="opacity: 1;"><line x2="-6" y2="0"></line><text x="-9" y="0" dy=".32em" style="text-anchor: end;">40</text></g><g class="tick" transform="translate(0,251)" style="opacity: 1;"><line x2="-6" y2="0"></line><text x="-9" y="0" dy=".32em" style="text-anchor: end;">60</text></g><g class="tick" transform="translate(0,210)" style="opacity: 1;"><line x2="-6" y2="0"></line><text x="-9" y="0" dy=".32em" style="text-anchor: end;">80</text></g><g class="tick" transform="translate(0,169)" style="opacity: 1;"><line x2="-6" y2="0"></line><text x="-9" y="0" dy=".32em" style="text-anchor: end;">100</text></g><g class="tick" transform="translate(0,129)" style="opacity: 1;"><line x2="-6" y2="0"></line><text x="-9" y="0" dy=".32em" style="text-anchor: end;">120</text></g><g class="tick" transform="translate(0,88)" style="opacity: 1;"><line x2="-6" y2="0"></line><text x="-9" y="0" dy=".32em" style="text-anchor: end;">140</text></g><g class="tick" transform="translate(0,47)" style="opacity: 1;"><line x2="-6" y2="0"></line><text x="-9" y="0" dy=".32em" style="text-anchor: end;">160</text></g><g class="tick" transform="translate(0,6)" style="opacity: 1;"><line x2="-6" y2="0"></line><text x="-9" y="0" dy=".32em" style="text-anchor: end;">180</text></g><path class="domain" d="M-6,1H0V296H-6"></path></g><g class="c3-axis-y2" transform="translate(781.5,0)" style="visibility: hidden; opacity: 0;"><text class="c3-axis-y2-label" transform="rotate(-90)" style="text-anchor: end;" dy="-0.5em" dx="-0.5em" x="0"></text><g class="tick" transform="translate(0,296)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0</text></g><g class="tick" transform="translate(0,267)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0.1</text></g><g class="tick" transform="translate(0,237)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0.2</text></g><g class="tick" transform="translate(0,208)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0.3</text></g><g class="tick" transform="translate(0,178)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0.4</text></g><g class="tick" transform="translate(0,149)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0.5</text></g><g class="tick" transform="translate(0,119)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0.6</text></g><g class="tick" transform="translate(0,90)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0.7</text></g><g class="tick" transform="translate(0,60)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0.8</text></g><g class="tick" transform="translate(0,31)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">0.9</text></g><g class="tick" transform="translate(0,1)" style="opacity: 1;"><line x2="6" y2="0"></line><text x="9" y="0" dy=".32em" style="text-anchor: start;">1</text></g><path class="domain" d="M6,1H0V296H6"></path></g></g><g transform="translate(0.5,320.5)" style="visibility: hidden;"><g clip-path="url(http://localhost:8020/showpromgt/evaluateMgtList.html#c3-1563245352390-clip)" class="c3-chart"><g class="c3-chart-bars"></g><g class="c3-chart-lines"></g></g><g clip-path="url(http://localhost:8020/showpromgt/evaluateMgtList.html#c3-1563245352390-clip)" class="c3-brush" style="pointer-events: all; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><rect class="background" x="0" width="790" height="0" style="visibility: hidden; cursor: crosshair;"></rect><rect class="extent" x="0" width="0" height="0" style="cursor: move;"></rect><g class="resize e" transform="translate(0,0)" style="cursor: ew-resize; display: none;"><rect x="-3" width="6" height="0" style="visibility: hidden;"></rect></g><g class="resize w" transform="translate(0,0)" style="cursor: ew-resize; display: none;"><rect x="-3" width="6" height="0" style="visibility: hidden;"></rect></g></g><g class="c3-axis-x" transform="translate(0,0)" clip-path="url(http://localhost:8020/showpromgt/evaluateMgtList.html#c3-1563245352390-clip-xaxis)" style="opacity: 0;"><g class="tick" transform="translate(391, 0)" style="opacity: 1;"><line y2="6" x1="0" x2="0"></line><text y="9" x="0" dy=".71em" style="text-anchor: middle; display: block;">0</text></g><path class="domain" d="M0,6V0H781.5V6"></path></g></g><g transform="translate(0,300)"><g class="c3-legend-item c3-legend-item--" style="visibility: visible; cursor: pointer; opacity: 1;"><text x="369" y="9" style="pointer-events: none;">顶</text><rect class="c3-legend-item-event" x="351" y="-7" style="fill-opacity: 0;" height="20" width="40"></rect><rect class="c3-legend-item-tile" x="355" y="0" width="10" height="10" style="pointer-events: none; fill: rgb(31, 119, 180);"></rect></g><g class="c3-legend-item c3-legend-item--" style="visibility: visible; cursor: pointer; opacity: 1;"><text x="409" y="9" style="pointer-events: none;">踩</text><rect class="c3-legend-item-event" x="391" y="-7" style="fill-opacity: 0;" height="20" width="40"></rect><rect class="c3-legend-item-tile" x="395" y="0" width="10" height="10" style="pointer-events: none; fill: rgb(255, 127, 14);"></rect></g></g></svg><div style="position: absolute; pointer-events: none; z-index: 10; display: none; top: 107.5px; left: 266px;"><table class="c3-tooltip"><tbody><tr class="c3-tooltip-name-顶"><td class="name"><span style="background-color:#1f77b4"></span>顶</td><td class="value">{{item.goodRate}}</td></tr></tbody></table></div></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="custom-pagination ">
                <ul class="pagination">
                    <li class="page-item">
                        <a v-if="evaluates.hasPre" class="page-link" href="javascript:void(0)" cflag="search" cval="{{evaluates.pageNo-1}}">上一页</a>
                        <a v-else class="page-link disabled " href="javascript:void(0)" onclick="Utils.noPre()">上一页</a>
                    </li>
                    <li v-for="index of evaluates.totalPages" class="page-item">
                        <a class="page-link" href="javascript:void(0)" :cval="index+1" cflag="search">{{index+1}}</a>
                    </li>
                    <li class="page-item">
                        <a v-if="evaluates.hasNext" class="page-link" href="javascript:void(0)" cflag="search" cval="{{evaluates.pageNo+1}}">下一页</a>
                        <a v-else class="page-link disabled" href="javascript:void(0)" onclick="Utils.noNext()">下一页</a>
                    </li>
                </ul>
                <div class="btn-group-sm" style="display: inline;">
                    <button type="button" style="width: 60px;vertical-align: center;padding: 7.5px;margin-top: -15px" class="btn btn-custon-four btn-white dropdown-toggle"
                            data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
                    <ul class="dropdown-menu btn-dropdown-menu another-drop-pro-three" role="menu">
                        <li><a href="javascript:void(0)" page="10" cflag="search">10</a></li>
                        <li><a href="javascript:void(0)" page="50" cflag="search">50</a></li>
                        <li><a href="javascript:void(0)" page="100" cflag="search">100</a></li>
                    </ul>
                </div>
                <div class="custom-pagination pull-right">
                    共有<span style="color: blue"> {{evaluates.totalCount}} </span> 条数据 &nbsp;&nbsp;&nbsp;&nbsp;
                    当前第<span style="color: blue"> {{evaluates.pageNo}} </span> 页&nbsp;&nbsp;&nbsp;&nbsp;
                    每页显示<span style="color: blue"> {{evaluates.pageSize}} </span> 条数据
                </div>
            </div>
        </div>
    </div>

</div>


<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery-price-slider.js"></script>
<script src="js/jquery.meanmenu.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/counterup/jquery.counterup.min.js"></script>
<script src="js/counterup/waypoints.min.js"></script>
<script src="js/counterup/counterup-active.js"></script>
<script src="js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/scrollbar/mCustomScrollbar-active.js"></script>
<script src="js/metisMenu/metisMenu.min.js"></script>
<script src="js/metisMenu/metisMenu-active.js"></script>
<script src="https://cdn.bootcss.com/raphael/2.1.0/raphael-min.js"></script>
<script src="https://cdn.bootcss.com/morris.js/0.5.0/morris.js"></script>
<script src="js/morrisjs/morris-active.js"></script>
<script src="js/sparkline/jquery.sparkline.min.js"></script>
<script src="js/sparkline/jquery.charts-sparkline.js"></script>
<script src="js/sparkline/sparkline-active.js"></script>
<script src="js/calendar/moment.min.js"></script>
<script src="https://cdn.bootcss.com/fullcalendar/3.8.0/fullcalendar.min.js"></script>
<script src="js/calendar/fullcalendar-active.js"></script>
<script src="js/plugins.js"></script>
<script src="https://cdn.bootcss.com/d3/3.4.5/d3.min.js"></script>
<script src="https://cdn.bootcss.com/c3/0.1.42/c3.min.js"></script>
<!--<script src="js/c3-charts/c3-active.js"></script>-->
<script src="js/main.js"></script>
<script src="js/layui/layui.js"></script>
<script src="js/layui/layui.all.js"></script>
<script src="js/vue.js"></script>
<script src="js/pagejs/constant.js"></script>
<script src="js/pagejs/utils.js"></script>
<script src="js/pagejs/evaluateListMgt.js"></script>


</body>


<!-- Mirrored from jsofttheme.com/kiaalap-preview/kiaalap/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 30 May 2018 22:15:38 GMT -->
</html>